<div class="clearfix script-content">
    <div class="wrapper-md content-byc" ng-controller="datacenterTabCtrl">
        <tabset class="tab-container">
            <tab ng-controller="datacenterCtrl" ng-click="getData(1)" active="active1">
                <tab-heading class="tab-heading-style" >
                    数据中心
                </tab-heading>
                <div class="row panel" style="padding-top: 10px">
                    <div class="">
                        <div class="col-md-12 search-box m-b-md">
                            <div class="legend">查询条件</div>
                            <div class="search-content">
                                <div class="form-group">
                                    <label class="control-label">中心名称：</label>
                                    <input type="name" ng-model="searchByName" class="form-control input-sm" placeholder="" aria-controls="DataTables_Table_3">
                                </div>
                            </div>
                            <div class="search-btn">
                                <button class="btn btn-primary w-xs m-r" ng-click="getData(1)"><i class="fa fa-search"></i> 查询</button>
                                <button class="btn btn-success w-xs m-r" ng-click="reset()"><i class="fa fa-refresh"></i> 重置</button>
                                <button class="btn btn-info w-xs" ng-click="add($event)"><i class="fa fa-plus"></i> 新增</button>
                            </div>
                        </div>
                        <div class="col-md-12 cart_body">
                            <div class="col-md-12 list-byc">
                                <ul class="list-ul" ng-if="totalCount">
                                    <li class="list-li" ng-repeat="(key,row) in dataCenterList" ng-click="detail($event,row.id)">
                                        <div class="list-li-div" ng-class="{true:'border-color',false:'normal-border-color'}[row.isChose]">
                                            <div class="name" title="{{row.name}}" ng-bind="row.name"></div>
                                            <div class="operation">
                                                <i class="fa fa-bars icon-font" aria-hidden="true"></i>

                                                <div class="operation-box operation-box-hidden">
                                                    <div class="operation-box-icon" ng-click="update($event,row.id)"><a href="javascript:void(0)"><i
                                                            class="fa fa-pencil-square-o icon-font1"></i>&nbsp;修改</a></div>
                                                    <div class="operation-box-icon" ng-click="remove($event,row.id)"><a href="javascript:void(0)"><i
                                                            class="fa fa-minus-circle icon-font1"></i>&nbsp;删除</a></div>
                                                    <!--<div class="operation-box-icon" ng-click="detail($event,row.id)"><a href="javascript:void(0)"><i-->
                                                            <!--class="fa fa-info-circle icon-font1"></i>&nbsp;详情</a></div>-->
                                                </div>
                                            </div>
                                            <div class="text">
                                                <p title="{{row.status}}">状态：<i class="status-dot-style" ng-class="{'NORMAL':'dot-8','ABNORMAL':'dot-10','ALARM':'dot-9','DISABLED':'dot-4'}[row.status]"></i> {{row.status|cn:'status'}}</p>
                                                <p title="{{row.remark}}">描述：{{row.remark}}</p>
                                            </div>
                                            <div class="shadow-content" ng-if="isbacthmanage">
                                                <div class="shadow"></div>
                                                <div class="check" ng-class="{true:'check-position'}[row.isChose]"
                                                     ng-click="chooseRepository($event,row.id)">
                                                    <img src="/statics/img/check.png" width="32" height="32" ng-show="row.isChose">
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                                <div class="col-md-12 clearfix">
                                    <div class="col-sm-6">
                                        <div class="paginationTables_info_one">总共<span ng-bind="totalCount"></span>条, 每页<span
                                                ng-bind="param.rows"></span>条
                                        </div>
                                    </div>
                                    <div class="col-sm-6 text-right" style="margin-top:-10px;">
                                        <pagination boundary-links="true" total-items="totalCount" items-per-page="param.rows" max-size="10" ng-model="param.page" ng-change="getClusterList(param.page)" previous-text="&lsaquo;" next-text="&rsaquo;" first-text="&laquo;" last-text="&raquo;"></pagination>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div ng-if="showDetail" ng-hide-detail="" class="animated tab-detail" ng-class="{true:'bounceInRight',false:'bounceOutRight'}[isActive]">
                    <div class="col-md-12">
                        <div class="panel panel-default" style="padding:0;">
                            <div class="panel-heading font-bold">
                                <span class="p-l-6">数据中心详情</span>
                            </div>
                            <div class="panel-body pmb-block" style="border:none;">
                                <div class="col-md-12">
                                    <div class="pmbb-header">
                                        <h5 class="console-title">基本信息</h5>
                                    </div>
                                    <div class="pmbb-body  p-l-30 col-md-12">
                                        <div class="form-group">
                                            <div class="col-lg-6">
                                                <dl class="dl-horizontal">
                                                    <dt>中心名称：</dt>
                                                    <dd ng-bind="centerDetail.name"></dd>
                                                </dl>
                                            </div>
                                            <div class="col-lg-6">
                                                <dl class="dl-horizontal">
                                                    <dt>中心状态：</dt>
                                                    <dd>
                                                        <i class="status-dot-style" ng-class="{'NORMAL':'dot-8','ABNORMAL':'dot-10','ALARM':'dot-9','DISABLED':'dot-4'}[centerDetail.status]"></i>
                                                        <span class="status-span-style" title="{{centerDetail.status|cn:'status'}}" ng-bind="centerDetail.status|cn:'status'"></span>
                                                    </dd>
                                                </dl>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <div class="col-lg-6">
                                                <dl class="dl-horizontal">
                                                    <dt>所在地址：</dt>
                                                    <dd>{{centerDetail.address}}</dd>
                                                </dl>
                                            </div>
                                            <div class="col-lg-6">
                                                <dl class="dl-horizontal">
                                                    <dt>联系人：</dt>
                                                    <dd ng-bind="centerDetail.contacter"></dd>
                                                </dl>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <div class="col-lg-6">
                                                <dl class="dl-horizontal">
                                                    <dt>联系电话：</dt>
                                                    <dd ng-bind="centerDetail.contactPhone"></dd>
                                                </dl>
                                            </div>
                                            <div class="col-lg-6">
                                                <dl class="dl-horizontal">
                                                    <dt>联系邮箱：</dt>
                                                    <dd ng-bind="centerDetail.contactEmail"></dd>
                                                </dl>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <div class="col-lg-6">
                                                <dl class="dl-horizontal">
                                                    <dt>承建商：</dt>
                                                    <dd ng-bind="centerDetail.vendor"></dd>
                                                </dl>
                                            </div>
                                            <div class="col-lg-6">
                                                <dl class="dl-horizontal">
                                                    <dt>总面积：</dt>
                                                    <dd ng-bind="centerDetail.totalArea"></dd>
                                                </dl>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-12">
                                    <div class="pmbb-header">
                                        <h5 class="console-title">统计信息</h5>
                                    </div>
                                    <div class="pmbb-body col-md-12 p-l-30">
                                        <div class="form-group">
                                            <div class="col-lg-4 detail-line">
                                                <img src="/statics/img/datacenter/room.png" alt="">
                                                <span class="detail-content">{{centerDetail.rooms}}个机房</span>
                                            </div>
                                            <div class="col-lg-4 detail-line">
                                                <img src="/statics/img/datacenter/rack.png" alt="">
                                                <span class="detail-content">{{centerDetail.racks}}个机柜</span>
                                            </div>
                                            <div class="col-lg-4 detail-line">
                                                <img src="/statics/img/datacenter/host.png" alt="">
                                                <span class="detail-content">{{centerDetail.servers}}个服务器</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="detail-go-back" ng-click="goBack()"><i class="fa fa-angle-right"></i></div>
                            </div>
                        </div>
                    </div>
                </div>
            </tab>
            <tab ng-controller="roomCtrl" ng-click="getData(1)" active="active2">
                <tab-heading class="tab-heading-style" >
                    机房
                </tab-heading>
                <div class="row panel" style="padding-top: 10px;overflow: inherit;">
                    <div class="">
                        <div class="search-box m-b-md">
                            <div class="legend">查询条件</div>
                            <div class="search-content">
                                <div class="form-group">
                                    <label class="control-label">机房名称：</label>
                                    <input type="name" ng-model="searchByName" class="form-control input-sm" placeholder="" aria-controls="DataTables_Table_3">
                                </div>
                            </div>
                            <div class="search-btn">
                                <button class="btn btn-primary w-xs m-r" ng-click="getData(1)"><i class="fa fa-search"></i> 查询</button>
                                <button class="btn btn-success w-xs m-r" ng-click="reset()"><i class="fa fa-refresh"></i> 重置</button>
                                <button class="btn btn-info w-xs" ng-click="update($event)"><i class="fa fa-plus"></i> 新增</button>
                            </div>
                        </div>
                        <div class="">
                            <div class="dataTables_wrapper form-inline">
                                <div class="row">
                                    <div class="col-sm-12" style="margin-top: -10px;">
                                        <table class="table table-hover b-light m-b-xxs">
                                            <thead class="table-header" >
                                            <tr>
                                                <th width="15%" class="font-15 text-center">机房名称</th>
                                                <th width="20%" class="font-15 text-center">所属数据中心</th>
                                                <th width="10%" class="font-15 text-center">机房类型</th>
                                                <th width="10%" class="font-15 text-center">机房状态</th>
                                                <th width="10%" class="font-15 text-center">机柜数量</th>
                                                <th width="10%" class="font-15 text-center">物理机数量</th>
                                                <th class="text-center td-operate font-15" width="25%">操作</th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            <tr class="table-content" ng-repeat="row in roomListData" ng-if="!isImageData">
                                                <td width="15%" class="font-15 text-center text-info text-overflow detail-href" style="max-width:157px;" ng-bind="row.name" ng-click="detail($event,row.id)"></td>
                                                <td width="20%" class="font-15 text-center text-overflow" style="max-width:210px;" title="{{row.dcname}}" ng-bind="row.dcname"></td>
                                                <td width="10%" class="font-15 text-center text-overflow" style="max-width:105px;" title="{{row.typeName}}" ng-bind="row.typeName"></td>
                                                <td width="10%" class="font-15 text-center text-overflow" style="max-width:104px;">
                                                    <i class="status-dot-style" ng-class="{'NORMAL':'dot-8','ABNORMAL':'dot-10','ALARM':'dot-9','DISABLED':'dot-4'}[row.status]"></i>
                                                    <span class="status-span-style" title="{{row.status|cn:'status'}}" ng-bind="row.status|cn:'status'"></span>
                                                </td>
                                                <td width="10%" class="font-15 text-center text-overflow" style="max-width:104px;" title="{{row.racks}}" ng-bind="row.racks"></td>
                                                <td width="10%" class="font-15 text-center text-overflow" style="max-width:104px;" title="{{row.servers}}" ng-bind="row.servers"></td>
                                                <td width="25%" class="td-operate text-center">
                                                    <div class="btn-group dropdown table-operation" dropdown="">
                                                        <a class="btn btn-info btn-addon" dropdown-toggle=""><i class="fa fa-reorder" ></i>操作</a>
                                                        <ul class="dropdown-menu">
                                                            <li ng-click="update($event,row.id,row.dcId)"><a href="">编辑</a></li>
                                                            <li ng-click="remove($event,row.id)" ><a href="">删除</a></li>
                                                        </ul>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr ng-if="isImageData">
                                                <td class="td-nodata" colspan="7"></td>
                                            </tr>
                                            </tbody>
                                        </table>
                                        <div class="clearfix">
                                            <div class="col-sm-6" style="padding: 7px 15px;">
                                                <div class="paginationTables_info">总共<span ng-bind="totalCount"></span>条, 每页<span ng-bind="param.rows"></span>条</div>
                                            </div>
                                            <div class="col-sm-6 text-right">
                                                <pagination style="" boundary-links="true" total-items="totalCount" items-per-page="param.rows" max-size="10" ng-model="param.page" ng-change="getData(param.page)" previous-text="&lsaquo;" next-text="&rsaquo;" first-text="&laquo;" last-text="&raquo;"></pagination>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div ng-if="showDetail" ng-hide-detail="" class="animated tab-detail" ng-class="{true:'bounceInRight',false:'bounceOutRight'}[isActive]">
                    <div class="col-md-12">
                        <div class="panel panel-default" style="padding:0;">
                            <div class="panel-heading font-bold">
                                <span class="p-l-6">机房详情</span>
                            </div>
                            <div class="panel-body pmb-block" style="border:none;">
                                <div class="col-md-12">
                                    <div class="pmbb-header">
                                        <h5 class="console-title">基本信息</h5>
                                    </div>
                                    <div class="pmbb-body p-l-30 col-md-12">
                                        <div class="form-group">
                                            <div class="col-lg-6">
                                                <dl class="dl-horizontal">
                                                    <dt>机房名称：</dt>
                                                    <dd ng-bind="roomDetail.name"></dd>
                                                </dl>
                                            </div>
                                            <div class="col-lg-6">
                                                <dl class="dl-horizontal">
                                                    <dt>所属数据中心：</dt>
                                                    <dd ng-bind="roomDetail.dcname"></dd>
                                                </dl>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <div class="col-lg-6">
                                                <dl class="dl-horizontal">
                                                    <dt>机房类型：</dt>
                                                    <dd ng-bind="roomDetail.typeName"></dd>
                                                </dl>
                                            </div>
                                            <div class="col-lg-6">
                                                <dl class="dl-horizontal">
                                                    <dt>机房状态：</dt>
                                                    <dd>
                                                        <i class="status-dot-style" ng-class="{'NORMAL':'dot-8','ABNORMAL':'dot-10','ALARM':'dot-9','DISABLED':'dot-4'}[roomDetail.status]"></i>
                                                        <span class="status-span-style" title="{{roomDetail.status|cn:'status'}}" ng-bind="roomDetail.status|cn:'status'"></span>
                                                    </dd>
                                                </dl>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <div class="col-lg-6">
                                                <dl class="dl-horizontal">
                                                    <dt>位置编号：</dt>
                                                    <dd ng-bind="roomDetail.locationSn"></dd>
                                                </dl>
                                            </div>
                                            <div class="col-lg-6">
                                                <dl class="dl-horizontal">
                                                    <dt>机房面积：</dt>
                                                    <dd ng-bind="roomDetail.totalArea"></dd>
                                                </dl>
                                            </div>
                                        </div>
                                        <!--<div class="form-group">-->
                                        <!--<div class="col-lg-6">-->
                                        <!--<dl class="dl-horizontal">-->
                                        <!--<dt>机柜行数：</dt>-->
                                        <!--<dd ng-bind="roomDetail.rowNum"></dd>-->
                                        <!--</dl>-->
                                        <!--</div>-->
                                        <!--<div class="col-lg-6">-->
                                        <!--<dl class="dl-horizontal">-->
                                        <!--<dt>机柜列数：</dt>-->
                                        <!--<dd ng-bind="roomDetail.colNum"></dd>-->
                                        <!--</dl>-->
                                        <!--</div>-->
                                        <!--</div>-->
                                        <div class="form-group">
                                            <div class="col-lg-6">
                                                <dl class="dl-horizontal">
                                                    <dt>联系人：</dt>
                                                    <dd ng-bind="roomDetail.contacter"></dd>
                                                </dl>
                                            </div>
                                            <div class="col-lg-6">
                                                <dl class="dl-horizontal">
                                                    <dt>联系电话：</dt>
                                                    <dd ng-bind="roomDetail.contactPhone"></dd>
                                                </dl>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-12">
                                    <div class="pmbb-header">
                                        <h5 class="console-title">统计信息</h5>
                                    </div>
                                    <div class="pmbb-body p-l-30 col-md-12">
                                        <div class="form-group">
                                            <div class="col-lg-4 detail-line">
                                                <img src="/statics/img/datacenter/rack.png" alt="">
                                                <span class="detail-content">{{roomDetail.racks}}个机柜</span>
                                            </div>
                                            <div class="col-lg-4 detail-line">
                                                <img src="/statics/img/datacenter/host.png" alt="">
                                                <span class="detail-content">{{roomDetail.servers}}个服务器</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="detail-go-back" ng-click="goBack()"><i class="fa fa-angle-right"></i></div>
                            </div>
                        </div>
                    </div>
                </div>
            </tab>
            <tab ng-controller="rackCtrl" ng-click="getData(1)" active="active3">
                <tab-heading class="tab-heading-style" >
                    机柜
                </tab-heading>
                <div class="row panel" style="padding-top: 10px">
                    <div class="col-md-12 search-box m-b-md">
                        <div class="legend">查询条件</div>
                        <div class="search-content">
                            <div class="form-group">
                                <label class="control-label">机柜名称：</label>
                                <input type="name" ng-model="searchByName" class="form-control input-sm" placeholder="" aria-controls="DataTables_Table_3">
                            </div>
                        </div>
                        <div class="search-btn">
                            <button class="btn btn-primary w-xs m-r" ng-click="getData(1)"><i class="fa fa-search"></i> 查询</button>
                            <button class="btn btn-success w-xs m-r" ng-click="reset()"><i class="fa fa-refresh"></i> 重置</button>
                            <button class="btn btn-info w-xs" ng-click="addCabinet($event)"><i class="fa fa-plus"></i> 新增</button>
                        </div>
                    </div>
                    <div class="col-md-12">
                        <div class="table-responsive">
                            <table class="table table-hover b-light m-b-xxs">
                                <thead class="table-header" >
                                <tr>
                                    <th width="10%" class="text-center font-15">机柜名称</th>
                                    <th width="10%" class="text-center font-15">所属数据中心</th>
                                    <th width="10%" class="text-center font-15">所属机房</th>
                                    <th width="10%" class="text-center font-15">机柜类型</th>
                                    <th width="9%" class="text-center font-15">机柜状态</th>
                                    <th width="9%" class="text-center font-15">物理机数量</th>
                                    <th width="9%" class="text-center font-15">网络设备数量</th>
                                    <th width="9%" class="text-center font-15">存储设备数量</th>
                                    <th width="9%" class="text-center font-15">告警数量</th>
                                    <th class="text-center td-operate font-15" width="15%">操作</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr class="table-content" ng-repeat="row in cabinetListData" ng-if="!isImageData">
                                    <td width="10%" class="text-center font-15 text-info text-overflow detail-href" style="max-width:108px;" ng-bind="row.name" ng-click="detail($event,row.id)"></td>
                                    <td width="10%" class="text-center font-15 text-overflow" style="max-width:108px;" title="{{row.dcname}}" ng-bind="row.dcname"></td>
                                    <td width="10%" class="text-center font-15 text-overflow" style="max-width:108px;" title="{{row.roomname}}" ng-bind="row.roomname"></td>
                                    <td width="10%" class="text-center font-15 text-overflow" style="max-width:108px;" title="{{row.typeName}}" ng-bind="row.typeName"></td>
                                    <td width="9%" class="text-center font-15 text-overflow" style="max-width:97px;" >
                                        <i class="status-dot-style" ng-class="{'NORMAL':'dot-8','ABNORMAL':'dot-10','ALARM':'dot-9','DISABLED':'dot-4'}[row.status]"></i>
                                        <span class="status-span-style" title="{{row.status|cn:'status'}}" ng-bind="row.status|cn:'status'"></span>
                                    </td>
                                    <td width="9%" class="text-center font-15 text-overflow" style="max-width:97px;" title="{{row.servers}}" ng-bind="row.servers"></td>
                                    <td width="9%" class="text-center font-15 text-overflow" style="max-width:96px;" title="{{row.networks}}" ng-bind="row.networks"></td>
                                    <td width="9%" class="text-center font-15 text-overflow" style="max-width:96px;" title="{{row.storages}}" ng-bind="row.storages"></td>
                                    <td width="9%" class="text-center font-15 text-overflow" style="max-width:96px;" title="{{row.alarms}}" ng-bind="row.alarms"></td>
                                    <td width="15%" class="td-operate text-center">
                                        <div class="btn-group dropdown table-operation" dropdown="">
                                            <a class="btn btn-info btn-addon" dropdown-toggle=""><i class="fa fa-reorder" ></i>操作</a>
                                            <ul class="dropdown-menu">
                                                <li ng-click="addCabinet($event,row.id,row.dcId,row.roomId)"><a href="">编辑</a></li>
                                                <li ng-click="delCabinet($event,row.id)" ><a href="">删除</a></li>
                                            </ul>
                                        </div>
                                    </td>
                                </tr>
                                <tr ng-if="isImageData">
                                    <td class="td-nodata" colspan="10"></td>
                                </tr>
                                </tbody>
                            </table>
                            <div class="clearfix">
                                <div class="col-sm-6" style="padding:7px 15px;">
                                    <div class="paginationTables_info">总共<span ng-bind="totalCount"></span>条, 每页<span ng-bind="param.rows"></span>条</div>
                                </div>
                                <div class="col-sm-6 text-right">
                                    <pagination style="" boundary-links="true" total-items="totalCount" items-per-page="param.rows" max-size="10" ng-model="param.page" ng-change="getData(param.page)" previous-text="&lsaquo;" next-text="&rsaquo;" first-text="&laquo;" last-text="&raquo;"></pagination>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div ng-if="showDetail" ng-hide-detail="" class="animated tab-detail" ng-class="{true:'bounceInRight',false:'bounceOutRight'}[isActive]">
                    <div class="col-md-12">
                        <div class="panel panel-default" style="padding:0;">
                            <div class="panel-heading font-bold">
                                <span class="p-l-6">机柜详情</span>
                            </div>
                            <div class="panel-body pmb-block" style="border:none;">
                                <div class="col-md-12">
                                        <div class="pmbb-header">
                                            <h5 class="console-title">基本信息</h5>
                                        </div>
                                        <div class="pmbb-body p-l-30 col-md-12">
                                            <div class="form-group">
                                                <div class="col-lg-4">
                                                    <dl class="dl-horizontal">
                                                        <dt>机柜名称：</dt>
                                                        <dd ng-bind="rackDetail.name"></dd>
                                                    </dl>
                                                </div>
                                                <div class="col-lg-4">
                                                    <dl class="dl-horizontal">
                                                        <dt>机柜类型：</dt>
                                                        <dd ng-bind="rackDetail.typeName"></dd>
                                                    </dl>
                                                </div>
                                                <div class="col-lg-4">
                                                    <dl class="dl-horizontal">
                                                        <dt>机柜规格：</dt>
                                                        <dd ng-bind="rackDetail.specs"></dd>
                                                    </dl>
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <div class="col-lg-4">
                                                    <dl class="dl-horizontal">
                                                        <dt>供应厂商：</dt>
                                                        <dd ng-bind="rackDetail.vendor"></dd>
                                                    </dl>
                                                </div>
                                                <div class="col-lg-4">
                                                    <dl class="dl-horizontal">
                                                        <dt>出厂编号：</dt>
                                                        <dd ng-bind="rackDetail.productSn"></dd>
                                                    </dl>
                                                </div>
                                                <div class="col-lg-4">
                                                    <dl class="dl-horizontal">
                                                        <dt>生产日期：</dt>
                                                        <dd ng-bind="rackDetail.productDate"></dd>
                                                    </dl>
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <div class="col-lg-4">
                                                    <dl class="dl-horizontal">
                                                        <dt>质保期：</dt>
                                                        <dd ng-bind="rackDetail.warranty"></dd>
                                                    </dl>
                                                </div>
                                                <div class="col-lg-4">
                                                    <dl class="dl-horizontal">
                                                        <dt>机柜材质：</dt>
                                                        <dd ng-bind="rackDetail.materialName"></dd>
                                                    </dl>
                                                </div>
                                                <div class="col-lg-4">
                                                    <dl class="dl-horizontal">
                                                        <dt>描述：</dt>
                                                        <dd ng-bind="rackDetail.remark"></dd>
                                                    </dl>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                <div class="col-md-12">
                                        <div class="pmbb-header">
                                            <h5 class="console-title">配置信息</h5>
                                        </div>
                                        <div class="pmbb-body p-l-30 col-md-12">
                                            <div class="form-group">
                                                <div class="col-lg-4">
                                                    <dl class="dl-horizontal">
                                                        <dt>所属数据中心：</dt>
                                                        <dd ng-bind="rackDetail.dcname"></dd>
                                                    </dl>
                                                </div>
                                                <div class="col-lg-4">
                                                    <dl class="dl-horizontal">
                                                        <dt>所属机房：</dt>
                                                        <dd ng-bind="rackDetail.roomname"></dd>
                                                    </dl>
                                                </div>
                                                <div class="col-lg-4">
                                                    <dl class="dl-horizontal">
                                                        <dt>机柜规格：</dt>
                                                        <dd ng-bind="rackDetail.specs"></dd>
                                                    </dl>
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <div class="col-lg-4">
                                                    <dl class="dl-horizontal">
                                                        <dt>机柜状态：</dt>
                                                        <dd>
                                                            <i class="status-dot-style" ng-class="{'NORMAL':'dot-8','ABNORMAL':'dot-10','ALARM':'dot-9','DISABLED':'dot-4'}[rackDetail.status]"></i>
                                                            <span class="status-span-style" title="{{rackDetail.status|cn:'status'}}" ng-bind="rackDetail.status|cn:'status'"></span>
                                                        </dd>
                                                    </dl>
                                                </div>
                                                <div class="col-lg-4">
                                                    <dl class="dl-horizontal">
                                                        <dt>机柜U数：</dt>
                                                        <dd ng-bind="rackDetail.unit"></dd>
                                                    </dl>
                                                </div>
                                                <!--<div class="col-lg-4">-->
                                                <!--<dl class="dl-horizontal">-->
                                                <!--<dt>卡槽数量：</dt>-->
                                                <!--<dd ng-bind="rackDetail.slotAmount"></dd>-->
                                                <!--</dl>-->
                                                <!--</div>-->
                                            </div>
                                            <!--<div class="form-group">-->
                                            <!--<div class="col-lg-4">-->
                                            <!--<dl class="dl-horizontal">-->
                                            <!--<dt>机柜行位：</dt>-->
                                            <!--<dd ng-bind="rackDetail.axisX"></dd>-->
                                            <!--</dl>-->
                                            <!--</div>-->
                                            <!--<div class="col-lg-4">-->
                                            <!--<dl class="dl-horizontal">-->
                                            <!--<dt>机柜列位：</dt>-->
                                            <!--<dd ng-bind="rackDetail.axisX"></dd>-->
                                            <!--</dl>-->
                                            <!--</div>-->
                                            <!--</div>-->
                                        </div>
                                    </div>
                                <div class="col-md-12">
                                        <div class="pmbb-header">
                                            <h5 class="console-title">统计信息</h5>
                                        </div>
                                        <div class="pmbb-body p-l-30 col-md-12">
                                            <div class="form-group">
                                                <div class="col-lg-4 detail-line">
                                                    <img src="/statics/img/datacenter/host.png" alt="">
                                                    <span class="detail-content">{{rackDetail.servers}}个服务器</span>
                                                </div>
                                                <div class="col-lg-4 detail-line">
                                                    <img src="/statics/img/datacenter/lb.png" alt="">
                                                    <span class="detail-content">{{rackDetail.networks}}个网络设备</span>
                                                </div>
                                                <div class="col-lg-4 detail-line">
                                                    <img src="/statics/img/datacenter/storage.png" alt="">
                                                    <span class="detail-content">{{rackDetail.storages}}个存储设备</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                <div class="detail-go-back" ng-click="goBack()"><i class="fa fa-angle-right"></i></div>
                            </div>
                        </div>
                    </div>
                </div>
            </tab>
        </tabset>
    </div>
</div>